<div class="respotbs finder">
    <ul class="resp-tabs-list">
        <li >Products & Services</li>
        <li>Business</li>


    </ul>
    <div class="resp-tabs-container">
        <div id="product">
            <form name="product" method="post" action="<?= Url::base();?>/search">
                <div class="col-sm-6">
                    <h1>What?</h1>
                    <p>e.g. Web Development </p>
                    <div class="select2-wrapper ">
                        <input type="hidden"  name="term" id="selectbox-o" class="field f-left ui-autocomplete-input select2" data-placeholder="Choose An Option.." />
                    </div>
                </div>
                <div class="col-sm-6">
                    <h1>Where?</h1>
                    <p>e.g. Bangalore </p>
                    <input type="hidden"  name="location" id="selectbox-location" class="field f-right ui-autocomplete-input select2" data-placeholder="<?= Location::get();?>" />

                    <button type="submit" class="btn btn-inverse submitbtn" id="btn_prod"><i
                            class="icon-search icon-white pull-left"></i> Find
                    </button>
                </div>
            </form>
        </div>

        <div id="business">
            <div class="col-sm-6">
                <h1>Business</h1>

                <p>at MatrixInfoline </p>
                <input type="hidden"  name="selectbox-business" id="selectbox-business" class="field f-left ui-autocomplete-input select2" data-placeholder="Choose An Option.." />
            </div>
            <div class="col-sm-6">
                <h1>Where?</h1>

                <p>e.g. Delhi </p>

                <input type="hidden"  name="selectbox-location2" id="selectbox-location2" class="field f-right ui-autocomplete-input" data-placeholder="Choose An Option.." />

                <button type="submit" class="btn btn-inverse submitbtn" id="btn_prod"><i
                        class="icon-search icon-white pull-left"></i> Find
                </button>
            </div>
        </div>
    </div>
    <div>
    </div>
</div>

<!-- Modal -->
<style>
    .modal-dialog-center {
        margin-top: 5%;
    }
</style>




